<template>
  <el-container style="height: 100%">
    <el-header><common-header></common-header></el-header>
    <common-tab></common-tab>
    <el-container>
      <el-aside width="auto" class="hidden-sm-and-down">
        <common-a-side></common-a-side>
      </el-aside>
      <el-container>
        <el-main>
          <router-view />
        </el-main>
        <el-footer style="height: 30px" class="hidden-sm-and-down">
          <el-row class="footer-t" :gutter="24">
            <el-col>
              Copyright © 2021. All rights
              <router-link to="/about" style="color: blue">鲤鱼科技</router-link> .
            </el-col>
          </el-row>
        </el-footer>
      </el-container>
    </el-container>
  </el-container>
</template>

<script>
import CommonHeader from "../components/CommonHeader.vue";
import CommonASide from "../components/CommonAside.vue";
import CommonTab from "../components/CommonTab.vue";
export default {
  components: {
    CommonHeader,
    CommonASide,
    CommonTab,
  },
};
</script>

<style lang="scss" scoped>
.el-main {
  background: #eaebec;
}
.el-footer {
  background: #eaebec;
}
</style>
